//主题色
:root {
  --theme-color: #085ABA; /* 默认主题色 */

  --theme-btn-hover: #085ABA; /* 普通按钮移入 */
  --theme-btn-color-hover: #085ABA; /* 主按钮移入默认色 */
  --theme-btn-color-text-hover: #085ABA; /* 按钮移入默认色 */
  --theme-btn-color-error-text-hover: #ee3f3f; /* 按钮移入默认色 */


  --theme-success-color: #67C23A; /* 成功 */
  --theme-success-backgr-color: #a4d28e; /* 成功 */

  --theme-warning-color: #E6A23C; /* 警告 */
  --theme-warning-backgr-color: #cebc9f; /* 警告 */


  --theme-error-color: #ee3f3f; /* 危险 */
  --theme-error-backgr-color: #f3b3b3; /* 危险 */

}

//主要色
.el-button:focus, .el-button:hover {
  background: var(--theme-btn-hover);
  border-color: var(--theme-btn-hover);
  color: var(--theme-color);
}

.el-button--primary {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}

.el-button--primary:focus, .el-button--primary:hover {
  background: var(--theme-btn-color-hover);
  border-color: var(--theme-btn-color-hover);
  color: #FFF;
}

//文本按钮
.el-button--text {
  color: var(--theme-color);
}

.el-button--text:focus, .el-button--text:hover {
  background: none;
  border-color: transparent;
  color: var(--theme-btn-color-text-hover);
}

.error-text-btn {
  color: var(--theme-error-color);
}

.error-text-btn:focus, .error-text-btn:hover {
  color: var(--theme-btn-color-error-text-hover);
}

//成功
.el-message--success {
  background: var(--theme-success-backgr-color);
  border-color: var(--theme-success-backgr-color);

  .el-message__content, .el-icon-success {
    color: var(--theme-success-color);
  }
}

//警告
.el-message--warning {
  background: var(--theme-warning-backgr-color);
  border-color: var(--theme-warning-backgr-color);

  .el-message__content, .el-icon-warning {
    color: var(--theme-warning-color);
  }
}

//危险
.el-message--error {
  background: var(--theme-error-backgr-color);
  border-color: var(--theme-error-backgr-color);

  .el-message__content, .el-icon-error {
    color: var(--theme-error-color);
  }
}

//其他
.el-menu-item.is-active {
  color: var(--theme-color);
}

.el-pager {
  .active {
    background-color: var(--theme-color) !important;
  }
}


